<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>晓明研究室数据采集及监控系统</title>
</head>
<body>
<head>
<title>Basic Tabs - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css"
	href="http://www.java1234.com/jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="http://www.java1234.com/jquery-easyui-1.3.3/themes/icon.css">
<link rel="stylesheet" type="text/css"
	href="http://www.java1234.com/jquery-easyui-1.3.3/demo/demo.css">
<script type="text/javascript"
	src="http://www.java1234.com/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript"
	src="http://www.java1234.com/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="http://www.java1234.com/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2 style="font-size: 24px; text-align: center">晓明研究室数据采集及监控系统</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>ui测试中。。。。</div>
	</div>
	<div style="margin: 10px 0;"></div>
	<div id="layoutbody" align="center">
		<div class="easyui-layout" style="width: 1200px; height: 800px;">
			<!-- 西方布局 -->
			<div data-options="region:'west',split:true,title:'数据项'"
				style="width: 100px;">
				<ul class="easyui-tree">
					<li><span>ARM_1</span>
						<ul>
							<li data-options="state:'closed'"><span>DAQ_1</span>
								<ul>
									<li><span>AI1</span></li>
									<li><span>AI2</span></li>
									<li><span>AI3</span></li>
								</ul></li>
							<li><span>DAQ_2</span>
								<ul>
									<li>DO1</li>
									<li>D02</li>
									<li>DI1</li>
									<li>DI2</li>
								</ul></li>
						</ul></li>
				</ul>
			</div>

			<!-- 东方布局 -->
			<div data-options="region:'east',split:true,title:'数据项'"
				style="width: 100px;">
				<!-- 表格 -->
				<table id="tt" class="easyui-propertygrid"
					data-options="
						url: '../layout/propertygrid_data1.json',
						showGroup: true,
						fit: true,
						border: false
					">
				</table>
			</div>

			<!-- 中原布局 -->
			<div data-options="region:'center',title:'主面板',iconCls:'icon-ok'"
				style="padding: 1px">
				<!-- 选项卡 -->
				<div class="easyui-tabs"
					style="width: 1000px; height: auto, text-align:center; margin-left: auto; margin-right: auto;">
					<div title="数据图表" style="padding: 10px">
						<p style="font-size: 14px">这里可以放图表</p>
					</div>
					<div title="远程控制" style="padding: 10px">
						<ul class="easyui-tree"
							data-options="url:'../tabs/tree_data1.json',animate:true"></ul>
					</div>
					<div title="帮助" data-options="iconCls:'icon-help',closable:true"
						style="padding: 10px">这是帮助内容.</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>
</html>

